{extend name="public:base" /}
{block name="title"}{$catInfo.pagetitle}{/block}
{block name="keywords"}{$catInfo.pagekeywords}{/block}
{block name="description"}{$catInfo.pagedesc}{/block}

{block name="extCss"}
<link type="text/css" rel="stylesheet" href="static/css/blog.css"/>
<link rel="stylesheet" href="static/css/common.css"/>
{/block}


{block name="extJs"}

{/block}


{block name="body"}
<main>
    <section class="s1">
        <div class="w1400">
            <div class="blog-common1 wow fadeInUp">
                <h3 class="blog-title-1">行业资源</h3>
                <h2 class="blog-title-2">新汉随时为您提供最新市场资讯</h2>
                <div class="blog-tag-list">

                    {volist name="catList" id="vo" key="i" }
                    <a class="blog-tag-item  {if $catId == $vo.cat_id}active{/if}" href="/{$vo.urlrewriter}">{$vo.cat_name}</a>
                    {/volist}

                </div>
                <div></div>
            </div>

            {if $articleTopOne}
                <div class="blog-common2">
                    <div class="blog-common2-box">
                        <div class="blog-common2-tag">热门话题</div>
                        <div class="blog-common2-left">
                            <img src="{$articleTopOne['photo']}" alt="{$articleTopOne['title']}" srcset=""/>
                        </div>
                        <div class="blog-common2-right">
                            <p class="blog-common2-time">{$articleTopOne['showtime'] | date="Y-m-d"}</p>
                            <h2 class="blog-common2-title">
                                {$articleTopOne['title']}
                            </h2>
                            <p class="blog-common2-text">
                                {$articleTopOne['content2'] | raw}
                            </p>
                            <div class="blog-common2-more">
                                <a class="blog-common2-more-btn" href="/{$articleTopOne['urlrewriter']}">了解更多 ></a>
                            </div>
                        </div>
                    </div>
                </div>
            {/if}

        </div>
    </section>
    <section class="s2">
        <div class="w1400">
            <div class="blog-new-list">
                {volist name="dataList" id="vo"}
                <div class="blog-new-item wow fadeInUp">
                    <a href="/{$vo.urlrewriter}" class="blog-new-link">
                        <div class="blog-new-img">
                            <img
                                    src="{$imgDomain.$vo.photo}"
                                    alt="{$vo.title}"
                                    srcset=""
                            />
                        </div>
                        <p class="blog-new-date">{$vo.showtime | date='Y-m-d'}</p>
                        <h2 class="blog-new-title">
                            {$vo.title}
                        </h2>
                        <p class="blog-new-text">
                            {$vo.content2 ?? '' }
                        </p>
                        <div class="blog-new-more">
                            <em>了解更多 ></em>
                        </div>
                    </a>
                </div>
                {/volist}
            </div>
            <div class="blog-switch-btn">
                <div class="blog-switch-left">
                    {for start="1" end="$pageInfo['totalPage']+1"}
                    <a href="/{$catInfo.urlrewriter}?page={$i}"
                       class="blog-switch-prev {if $pageIndex == $i}action{/if}">{$i}</a>
                    {/for}
                </div>
                <div class="blog-switch-right">

                    {gt name="pageInfo.pageIndex" value="1" }
                    <a href="/{$catInfo.urlrewriter}?page={$pageInfo['pageIndex']-1}" class="blog-switch-prev">&lt;</a>
                    {/gt}
                    {lt name="$pageIndex" value="$pageInfo.totalPage"}
                    <a href="/{$catInfo.urlrewriter}?page={$pageInfo['pageIndex']+1}" class="blog-switch-prev">&gt;</a>
                    {/lt}
                </div>
            </div>
        </div>
    </section>


    {include file="public:bottom_form" /}
</main>
{/block}
